<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <title>京东</title>
    <!--引入css文件-->
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/index.css"/>
    <!--引入js文件-->
    <script src="js/index.js"></script>
    <script src="js/zepto.min.js"></script>
</head>
<body>
    <div class="container">
        <header class="top">
           <div class="topBox">
              <!--logo-->
              <a href="javaScript:;" class="icon_logo"></a>
              <!--表单-->
              <form action="" class="form">
                  <input type="text" placeholder="肥牛"/>
              </form>
              <a href="javaScript:;" class="icon_login"></a>
           </div>
        </header>
        <section class="main">
           <!--左侧栏 -->
            <aside class="main_l">
                <ul>
                    <li><a href="javaScript:;">热门推荐</a></li>
                    <li class="now"><a href="javaScript:;" class="red">潮流女装</a></li>
                    <li><a href="javaScript:;">品牌男装</a></li>
                    <li><a href="javaScript:;">内衣配饰</a></li>
                    <li><a href="javaScript:;">家用电器</a></li>
                    <li><a href="javaScript:;">电脑办公</a></li>
                    <li><a href="javaScript:;">手机数码</a></li>
                    <li><a href="javaScript:;">母婴频道</a></li>
                    <li><a href="javaScript:;">图书</a></li>
                    <li><a href="javaScript:;">品牌</a></li>
                    <li><a href="javaScript:;">品牌男装</a></li>
                    <li><a href="javaScript:;">内衣配饰</a></li>
                    <li><a href="javaScript:;">家用电器</a></li>
                    <li><a href="javaScript:;">电脑办公</a></li>
                    <li><a href="javaScript:;">手机数码</a></li>
                    <li><a href="javaScript:;">母婴频道</a></li>
                    <li><a href="javaScript:;">图书</a></li>
                    <li><a href="javaScript:;">品牌</a></li>
                </ul>
            </aside>
            <!--右侧栏-->
            <div class="main_r">
                <a href="javaScript:;"><img src="images/banner_1.jpg" alt=""/></a>
                <h5>热门分类</h5>
                <ul>
                    <li><a href="javaScript:;"><img src="images/nv-fy.jpg" alt=""/><span>毛妮短袖</span></a></li>
                    <li><a href="javaScript:;"><img src="images/nv-fy.jpg" alt=""/><span>毛妮短袖</span></a></li>
                    <li><a href="javaScript:;"><img src="images/nv-fy.jpg" alt=""/><span>毛妮短袖</span></a></li>
                    <li><a href="javaScript:;"><img src="images/nv-fy.jpg" alt=""/><span>毛妮短袖</span></a></li>
                    <li><a href="javaScript:;"><img src="images/nv-fy.jpg" alt=""/><span>毛妮短袖</span></a></li>
                    <li><a href="javaScript:;"><img src="images/nv-fy.jpg" alt=""/><span>毛妮短袖</span></a></li>
                    <li><a href="javaScript:;"><img src="images/nv-fy.jpg" alt=""/><span>毛妮短袖</span></a></li>
                    <li><a href="javaScript:;"><img src="images/nv-fy.jpg" alt=""/><span>毛妮短袖</span></a></li>
                    <li><a href="javaScript:;"><img src="images/nv-fy.jpg" alt=""/><span>毛妮短袖</span></a></li>
                    <li><a href="javaScript:;"><img src="images/nv-fy.jpg" alt=""/><span>毛妮短袖</span></a></li>
                    <li><a href="javaScript:;"><img src="images/nv-fy.jpg" alt=""/><span>毛妮短袖</span></a></li>
                    <li><a href="javaScript:;"><img src="images/nv-fy.jpg" alt=""/><span>毛妮短袖</span></a></li>
                </ul>
            </div>
        </section>
    </div>
</body>
</html>